<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Jays'实验室</title>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Index/css/basic.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Index/css/book.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Index/css/demo.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Index/css/normalize.css">
        <script type="text/javascript" src="__JS__/modernizr.custom.js"></script>
        <script type="text/javascript" src="__JS__/jquery.js"></script>
    </head>
    <body>
        <div id="header">
            <div id="header_content">
                <h1>Jay's实验室</h1>
                <a id="about_me" href="{:U('Index/about_me')}" title="关于我"></a>
            </div>
        </div>
        <div id="content">
            <div class="component">
                <ul class="align">
                    <volist name="list" id="vo">
                        <li>
                            <figure class="book">
                                <ul class="hardcover_front">
                                    <li>
                                        <img src="{$vo.cover}" alt="" width="100%" height="100%">
                                    </li>
                                    <li></li>
                                </ul>
                                <ul class="page">
                                    <li></li>
                                    <li>
                                        <a class="btn" href="{$vo.link}">查看</a>
                                    </li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                                <ul class="hardcover_back">
                                    <li></li>
                                    <li></li>
                                </ul>
                                <ul class="book_spine">
                                    <li></li>
                                    <li></li>
                                </ul>
                                <figcaption>
                                    <h1>{$vo.title}</h1>
                                    <span>{$vo.author}</span>
                                    <p>{$vo.desc}</p>
                                </figcaption>
                            </figure>
                        </li>
                    </volist>
                    <!-- <li>
                            <figure class="book">
                                    <ul class="hardcover_front">
                                            <li>
                                                    <img src="public/images/mou.png" alt="" width="100%" height="100%">
                                            </li>
                                            <li></li>
                                    </ul>
                                    <ul class="page">
                                            <li></li>
                                            <li>
                                                    <a class="btn" href="{:U('add')}">创建</a>
                                            </li>
                                            <li></li>
                                            <li></li>
                                            <li></li>
                                    </ul>
                                    <ul class='hardcover_back'>
                                            <li></li>
                                            <li></li>
                                    </ul>
                                    <ul class='book_spine'>
                                            <li></li>
                                            <li></li>
                                    </ul>
                                    <figcaption>
                                            <h1>添加新书</h1>
                                            <span></span>
                                            <p>开始创建一本新的书籍</p>
                                    </figcaption>
                            </figure>
                    </li> -->
                </ul>
            </div>
        </div>
        <script type="text/javascript">
            $("#about_me").bind('mouseenter', function() {
                $(this).addClass("me_hover");
            }).bind('mouseleave', function() {
                $(this).removeClass("me_hover");
            })
        </script>
    </body>
</html>

<!-- 	<ul>
                <li><a href="/about_me">关于我</a></li>
                <li><a href="http://rogerdudler.github.com/git-guide/index.zh.html">git - 简易指南</a></li>
                <li><a href="{:U('Lab/diandian_search')}" id="link1">点点搜索</a></li>
                <li><a href="/Sublime" id="link2">Sublime Text2 中文文档</a></li>
                <li><a href="/Sublime Guide/Sublime text2 使用.html" id="link2">Sublime Text新手入门</a></li>
                <li>
                        <a href="http://docs.sublimetext.tw/">台湾版Sublime Text2 中文文档手册</a>
                </li>
                <li><a href="/Sublime_unofficial" id="link3">Sublime Text2 非官方中文文档</a></li>
                <li><a href="/Sublime text3" id="link4">Sublime Text3 中文文档</a></li>
                <li><a href="http://xiemin.me/bootstrap-2.3.0/index.html" id="link3">Twitter Bootstrap中文版/中文翻译:</a></li>
                <li><a href="http://www.css88.com/EasyTools/javascript/jQueryPlugin/imgAreaSelect/index.html" id="link4">jquery imgareaselect 插件中文文档</a></li>
                <li>
                        <a href="http://www.phptogether.com/pclzipdoc/usage.html">PclZip使用指南</a>
                </li>
                <li><a href="http://learn-python-the-hard-way-zh_cn-translation.readthedocs.org/cn/latest/index.html" id="link5">笨办法学 Python （Learn Python The Hard Way）</a></li>
                <li><a href="http://ued.github.com/emberjs-doc-cn">Ember.js 中文文档文档</a></li>
                <li><a href="http://www.cnblogs.com/pchmonster/archive/2011/12/13/2285811.html">C、Delphi和PHP的基本语法对照表</a></li>
                <li><a href="http://www.css88.com/doc/underscore1.4.2/">Underscore.js Version (1.4.2) 中文文档</a></li>
                <li>
                        <a href="http://www.yauld.cn/uploadifydoc">Uploadify在线中文手册</a>
                </li>
                <li>
                        <a href="https://github.com/nixzhu/HelloMou/blob/master/HelloMou.md">Mou中文使用指南</a>
                </li>
                <li>
                        <a href="http://www.bootcss.com">Bootstrap中文网</a>
                </li>
        </ul> -->